import Header from "@/components/header";
import styles from "./index.module.scss";
import MenuBar from "@/components/common/mlsMenuBar";
import { useState } from "react";
// 导入Outlet组件
import { Outlet } from "react-router-dom";
import { MENU_LIST } from "./constants";

export default function VideoEditPage() {
  const handleMenuClick = (item, confirmCallback) => {
    // 更新当前选中的菜单
    // 调用回调更新菜单状态
    confirmCallback?.();
  };

  return (
    <div className={styles.videoEditPage} id="videoEditPage">
      <Header showLogo={false} title="视频编辑工作台" backHome={true} />
      <div className={styles.mainSection}>
        <div className={styles.mainContent}>
          <MenuBar
            menuList={MENU_LIST}
            modulePath="/videoEdit"
            onMenuChange={handleMenuClick}
          />
          {/* 添加Outlet组件用于渲染子路由内容 */}
          <div className={styles.subRouteContent}>
            <Outlet />
          </div>
        </div>
      </div>
    </div>
  );
}
